<div class="">
    <div class="row ">
        <div class="col-lg-2 ">
            <div class="form-group">
                <input type="text" :placeholder="vc.i18n('请输入商品名称','aShopDetailSeckillOrders')"
                    v-model="aShopDetailSeckillOrdersInfos.prodNameLike" class=" form-control">
            </div>
        </div>
        <div class="col-lg-2 ">
            <div class="form-group">
                <input type="text" :placeholder="vc.i18n('请输入购买者','aShopDetailSeckillOrders')"
                    v-model="aShopDetailSeckillOrdersInfos.buyerNameLike" class=" form-control">
            </div>
        </div>
        <div class="col-lg-2">
            <button type="button" class="btn btn-primary btn-sm" 
                v-on:click="_qureyShopSeckillOrdersData()">
                查询
            </button>
        </div>
    </div>

    <div class="margin-top">
        <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
            <thead>
                <tr>
                    <th class="text-center">
                        <vc:i18n name='店铺' namespace='aShopDetailSeckillOrders'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='订单ID' namespace='aShopDetailSeckillOrders'></vc:i18n>
                    </th>
                    <th class="text-center">商品图片</th>
                    <th class="text-center">
                        <vc:i18n name='商品名称' namespace='aShopDetailSeckillOrders'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='购买者' namespace='aShopDetailSeckillOrders'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='购买数量' namespace='aShopDetailSeckillOrders'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='秒杀金额' namespace='aShopDetailSeckillOrders'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='购买时间' namespace='aShopDetailSeckillOrders'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='状态' namespace='aShopDetailSeckillOrders'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='截止时间' namespace='aShopDetailSeckillOrders'></vc:i18n>
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="order in aShopDetailSeckillOrdersInfos.orders">
                    <td class="text-center">{{order.shopName || '-'}}</td>
                    <td class="text-center">{{order.orderId}}</td>
                    <td class="text-center">
                        <div style="position: relative; display: inline-block;">
                            <img width="50" height="50" style="border-radius: 10px;" :src="order.coverPhoto"
                                v-if="order.coverPhoto">
                            <img width="50" height="50" style="border-radius: 10px;" src="/img/noPhoto.jpg" v-else>
                        </div>
                    </td>
                    <td class="text-center">{{order.prodName}}</td>
                    <td class="text-center">{{order.buyerName}}</td>
                    <td class="text-center">{{order.goodsNum}}</td>
                    <td class="text-center">{{order.killPrice}}
                    </td>
                    <td class="text-center">{{order.createTime}}</td>
                    <td class="text-center">{{order.state == 'C'?'完成':'待支付'}}</td>

                    <td class="text-center">{{order.endTime}}</td>
                </tr>
            </tbody>
        </table>
        <!-- 分页 -->
        <div class="row">
            <div class="col-sm-4">

            </div>
            <div class="col-sm-8">
                <vc:create namespace="aShopDetailSeckillOrders" path="frame/paginationPlus"></vc:create>
            </div>
        </div>
    </div>
</div>